//
.con_content{
  padding-top:3rem;
  padding-bottom:4rem;

  .rightContent{
    .title{
      text-align:center;
      margin-top: 0;
      font-size:24px;
    }

    .title_memo{
      margin-top: -13px;
      padding-bottom: 1rem;
      border-bottom: 1px dashed #cecaca;
      margin-bottom: 2rem;
      text-align:center;
      font-size:12px;
      font-weight: 400;
    }

    //>.content{
    //  line-height: 1.8rem;
    //  padding:1rem 0;
    //  border-top:1px dotted #b0b0b0;
    //}
  }

  //.content{
  //  img[data-href]{
  //    width:100%;
  //  }
  //}

  .content_file{
    margin-top:2.75rem;
    .tit{
      font-weight: 500;
    }

    .row{
      padding-top:8px;
    }
  }
}

//
.list_content{
  padding-top:1rem;
  padding-bottom:4rem;

  .rightContent{
    font-size:16px;
    color:#333;

    .content{
      min-height:400px;
      padding-bottom:20px;
    }

    .item{
      padding:12px 0;
      border-bottom:1px dotted #b6bcc9;

      .title{
        position: relative;
        >span{
          word-break: break-all;
          white-space: nowrap;
          overflow:hidden;
          text-overflow: ellipsis;
          width: 100%;
          position: absolute;
        }
      }

      &:hover{
        span{
          cursor: pointer;
          color:#0053a4;
          text-decoration: underline;
        }
      }
    }

    .date{
      font-size:13px;
    }
  }
}


.leftMenuFixed{
  width: 12em;
  margin-right:50px;
  position: sticky;
  top:100px;

  svg{
    width: 16px;
    margin-top:-1px;
    margin-right:4px;
  }

  //>div{
  //  padding: 20px 30px;
  //  background: #f1f2f4;
  //}
  //
  //.title{
  //  font-size:24px;
  //  font-weight:700;
  //  padding-bottom:10px;
  //}
  //
  //.item{
  //  padding:10px 0;
  //  cursor:pointer;
  //
  //  &.active{
  //    color:#0053a4;
  //
  //    svg{
  //      fill: #0081ff;
  //    }
  //  }
  //}

  .MuiList-root{
    padding-left:12px;
  }

  .active{
    color:#0053a4;

    svg{
      fill: #0081ff;
    }
  }
}
